day30【主題八：數值與單位】 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

第 11 屆 iThome 鐵人賽

DAY 30

0

自我挑戰組

CSS 大全（第四版）閱讀筆記系列第 30 篇

day30【主題八：數值與單位】

11th鐵人賽

2019-10-01 23:35:32

842 瀏覽

分享至

一、全域關鍵字：

inherit，強制繼承該數性使用親代設定的數值
個人在實務上inherit常應用在有些有標籤有些沒有的列表中
initial，設為預設的初始值
unset，對於繼承屬性效果與inherit相同；對於非繼承屬性效果與initial相同
只接受全域關鍵字的特殊屬性：all

二、數字和百分比

CSS定義96像素會等於一英寸（但許多使用者代理不管這個定義）
絕對單位在定義列印用樣式表實比較有用
em會隨著元素不同而變化，相對於親代元素
em會等於所使用字型裡小寫m的寬度；ex則是x的高度
rem固定以根元素為基準計算
ch定義使用字型0的步進寬度（字元字形的開始到下個字元字形開始之間的距離）
vw／vh　視埠寬度／視埠高度
vmin/vmax　視埠最小單位／視埠最大單位

三、計算值calc( )

＋和－兩側都要有相同的度量型別
／運算的右側必須是數值，且不可以/0
＊運算其中一個運算子必須是數值

day29【主題七：邊界範圍】

系列文

CSS 大全（第四版）閱讀筆記共 30 篇

目錄

RSS系列文訂閱系列文

17 人訂閱

完整目錄

熱門推薦

{{ item.subject }}

{{ item.channelVendor }} | {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

170 組

團體組數

5 組

累計文章數

976 篇

最後報名日

9/15

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 17th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# linux windows server css react

IT邦幫忙